Можно ли вызывать асинхронный XMLHttpRequest якобы синхронно? Или Promise потянут?

[Svorg]

Доброе утро!
Допустим мне надо такое:

1. Объявить пустой массив.
2. Вызвать асинхронный XMLHttpRequest.
3. Дождаться его выполнения и проанализировать response.
4. Выполнить цикл, количество итераций которого становится понятным лишь на предыдущем шаге.
5. В теле цикла мне надо:
   1. Сделать паузу в 500мс.
   2. Создать и заполнить FormData (для его заполнения может потребоваться дополнительный XMLHttpRequest, результат которого соответственно надо также дождаться).
   3. Выполнить асинхронный XMLHttpRequest с текущим FormData.
   4. Дождаться его выполнения и проанализировать response.
   5. Если response чем-то мне не понравился - надо опять сделать паузу в 500мс и повторить этот же запрос (и повторять до тех пор, пока не станет нормальным).
   6. Если response нормальный - то сложить его в массив.
6. После окончания цикла надо обработать массив со всеми результатами.
7. Возможно потребуется вложенный цикл, но это пока не точно.

Явно вызывать XMLHttpRequest синхронно (третий параметр open) - невозможно, оно стреляет всякие ошибки, да и пишут мол устарело. Какую-то может обёртку можно придумать?
Читал про Promise, но как с ними сгородить подобное? И как бы ничё что цикл может быть с сотнями итераций, возможно тысячами, не залипнет ли нахрен..?

Основной целевой браузер Chrome. Никакие библиотеки не используются, никаких jQuery и прочего.
Кто-то может посоветовать что-то? Спасибо!

[SuperZen]

схематично как-то так:
index.html

<script>
  const Process = function () {
    var count = 1
    var bs = []
    return {
      req1: async () => {
        var a = await fetch('http://localhost:2999/get1.php')
        var a_r = await a.text()
        if (parseInt(a_r) === 1) {
          var intervalId = setInterval(async () => {
            count++
            var b = await fetch('http://localhost:2999/get2.php')
            var b_r = await b.text()
            bs.push(b_r)
            if (count > 5) {
              console.log(count, bs)
              clearInterval(intervalId)
            }
          }, 500)
        }
      }
    }
  }

  const instance = new Process();
  instance.req1()

</script>

get1.php

<?php
echo '1';

get2.php

<?php
echo '2';

[Svorg]

оу... Нечто реально любопытное, спасибо.
А под капотом этих async/await/fetch точно те же Promise?

[SuperZen]

Странный ты какой-то Билли, что с тобой? ) У меня скитлстрянка
https://tc39.github.io/ecmascript-as...it/#desugaring

https://github.com/github/fetch/blob/master/fetch.js

[Svorg]

Походу fetch() не позволяет получать responseType в виде document... Хренова...
Попробую что ли переобернуть XMLHttpRequest как свой fetchEx()...

[Svorg]

Или как-то так...

const fetchDoc=async(a,b)=>{return new DOMParser().parseFromString(await(await fetch(a,b)).text(),'text/html')};

[Malleys]

Или цикл можно оставить циклом

набросок кода

function delay(ms) {
	return new Promise(resolve => setTimeout(resolve, ms));
}

async function process() {
	const responses = [];

	const response = await fetch("/1")
	const count = Number(await response.text());
	let index = 0;

	while(index++ < count) {
		await delay(500);

		const response = await fetch("/data-for-form-data");
		const formData = new FormData();

		const request = new Request("/send-form-data", {
			body: formData,
			method: "post"
		});

		// функция для проверки ответа
		const isOk = async response => {
			// например, тело ответа должно быть больше 100 символов
			return (await response.text()) > 100;
		};

		var sendedFormResponse;

		while(true) {
			sendedFormResponse = await fetch(request);

			if(isOk(sendedFormResponse))
				break;
			else
				await delay(500)
		}

		array.push(sendedFormResponse);
	}

	for(const response of responses) {
		// обработать массив со всеми результатами.
	}

	return responses;
}

process();

// тут конечно могут быть параметры и эта функция
// может ожидаться в другом асинхронном коде и т. д.